<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="less/bootstrap.css">
    <link rel="stylesheet" href="css/member.css"/>
</head>
<body>
<!-- header部分 -->
<div class="user">
    <div class="user_login">
        <ul class="user_zone">
            <li>
                <a href="#">wuqifan@nuagetimes.com</a>
            </li>
            <li>|</li>
            <li class="logout">
                <a href="#">登出</a>
            </li>
        </ul>
    </div>
</div>
<div class="article">
    <div class="header">
        <header role="banner" id="fh5co-header">
            <div class="fluid-container">
                <nav class="navbar navbar-default">
                    <div class="navbar-header">
                        <a class="navbar-brand" href="home.html"></a>
                    </div>
                    <div id="navbar" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="pingtai.html" data-nav-section="home"><span>平台介绍</span></a></li>
                            <li class="active"><a href="product.html"><span>产品中心</span></a></li>
                            <li><a href="product.html" data-nav-section="testimony"><span>个人账户</span></a></li>
                            <li><a href="#" data-nav-section="pricing"><span>帮助中心</span></a></li>
                        </ul>
                    </div>
                </nav>
            </div>
        </header>
    </div>
</div>
<!-- header end -->


<div class="bg">
<div class="clearfix wrap">
    <ul class="breadcrumb pull-right ">
        <li>您当前的位置:</li>
        <li><a href="#">Home</a> </li>
        <li><a href="#">Library</a> </li>
        <li class="active">个人中心</li>
    </ul>
</div>
<div class="wrap clearfix">
    <div class="member">
          <div class="member_h">
              <dl class="dl-horizontal">
                  <dt>
                      <div class="photopic">
                         <img src="images/phpto.png" alt=""/>
                      </div>
                  </dt>
                  <dd class="personal_info">
                      <p class="black">wuwuwuw@163.com</p>
                      <p>您的ID:1000000000</p>
                      <P>当前/最近登录IP:11111111/1111111</P>
                      <P>当前/最近登入时间：2102-01-12 15:50:54/2102-01-12 15:50:54</P>
                      <p class="edit_info"><a href="jivascript:;" class="blue">修改账户信息</a><a href="javascript:;" class="gray">退出</a></p>
                  </dd>
              </dl>
          </div>
          <div class="member_c">
              <dl class="dl-horizontal">
                  <dt>昵称：</dt>
                  <dd>
                      <p class="gray2">(填写昵称有助于账户安全)</p>
                      <input type="text"/>
                  </dd>
              </dl>
              <dl class="dl-horizontal">
                  <dt>电子邮箱：</dt>
                  <dd>
                      <p class="gray2">(注册邮箱不可更改)</p>
                      <input type="text"/>
                  </dd>
              </dl>
              <dl class="dl-horizontal">
                  <dt>性别：</dt>
                  <dd class="radio_size">
                      <label class="radio-inline">
                          <input type="radio" name="gender" id="inlineRadio1" value="option1"> 男
                      </label>
                      <label class="radio-inline">
                          <input type="radio" name="gender" id="inlineRadio2" value="option2"> 女
                      </label>
                  </dd>
              </dl>
              <dl class="dl-horizontal">
                  <dt>修改头像：</dt>
                  <dd>
                      <p id="swfContainer">
                          本组件需要安装Flash Player后才可使用，请从<a href="http://www.adobe.com/go/getflashplayer">这里</a>下载安装。
                      </p>

                  </dd>
              </dl>
              <div class="text-center bottom">
                  <button type="reset"  class="btn btn_cancel">取消</button>
                  <button type="submit" class="btn btn_edite">确认修改</button>
              </div>
          </div>
    </div>
</div>
</div>
<!-- footer start -->
<div class="footer">
    <div class="hrs"></div>
    <div class="copyrights">
        <ul class="item_list">
            <li><a href="#"><span></span>服务条款</a></li>
            <li><a href="#"><span></span>隐私协议</a></li>
            <li><a href="#"><span></span>安全保障</a></li>
            <li><a href="#"><span></span>联系我们</a></li>
        </ul>
        <p>@2016, gainextreme.com, All Rights Reserved</p>
    </div>
</div>
<!-- footer end -->

<script src="js/jquery-1.12.1.js"></script>
<script type="text/javascript" src="js/fullavatar/swfobject.js"></script>
<script type="text/javascript" src="js/fullavatar/fullAvatarEditor.js"></script>

<script>


    swfobject.addDomLoadEvent(function() {
        //以下两行代码正式环境下请删除
//        if (location.href.indexOf('http://') == -1) alert('请于WEB服务器环境中查看、测试！\n\n既 http://*/simpleDemo.html\n\n而不是本地路径 file:///*/simpleDemo.html的方式');
        var swf = new fullAvatarEditor("fullAvatarEditor.swf", "expressInstall.swf", "swfContainer", {
                    id: 'swf',
                    upload_url: 'upload.php?userid=999&username=looselive',//上传头像地址和参数
                    method: 'post',//传递到上传接口中的查询参数的提交方式。更改该值时，请注意更改上传接口中的查询参数的接收方式
                    src_upload: 2,//是否上传原图片的选项，有以下值：0-不上传；1-上传；2-显示复选框由用户选择
                    avatar_box_border_width: 0,
                    avatar_sizes: '160*160|80*80|30*30',
                    avatar_sizes_desc: '160*160像素|80*80像素|30*30像素',
                    src_url:""
                },
                function(msg) {
                    switch (msg.code) {
                        case 1:
                            //alert("1。");
                            break;
                        case 2:
                            //alert("已成功加载图片到编辑面板。");
                            //document.getElementById("upload").style.display = "inline";
                            break;
                        case 3:
                            if (msg.type == 0) {
                                alert("摄像头已准备就绪且用户已允许使用。");
                            } else if (msg.type == 1) {
                                alert("摄像头已准备就绪但用户未允许使用！");
                            } else {
                                alert("摄像头被占用！");
                            }
                            break;
                        case 5:
                            if (msg.type == 0) {
                                location.reload();
                            }
                            break;
                    }
                });

    });
</script>
</body>
</html>